<!DOCTYPE html>
<html>
<head>
     <meta charset="UTF-8">
	 <title>Interaktivnosti</title>
     <link rel="stylesheet" href="css/style.css" type="text/css">
     <meta name="viewport" content="width=device-width" />
</head>

<body>
	<header>
		<h1 class="title">Interaktivnosti</h1>
	</header>
	<main>
		Za mlađe učenike postoji poseban skup prilagođenih programa. 
		<h3>Interaktivna vježba za OpenBoard</h3>
		<p>Pomoću ovih interaktivnosti mogu se izraditi različite vrste prilagođenih vježbi. To se može odnositi na kategorizaciju, računanje, pamćenje i tako dalje.</p>
		<p>Interaktivnosti se nalaze u OpenBoard biblioteci: pronađi ih pritiskom na <span class="icon"><img src="../../assets/common/InteractivesCategory.png" alt=""></span>.</p>

		<h3>Primjer</h3>
		<p>Kao primjer ćemo izraditi vježbu koristeći interaktivnost „<strong>Kategoriziraj sliku</strong>”: <span class="icon"><img src="../../assets/hint9/cat-pict.png" alt=""></span></p>
		<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Probaj! Pomakni ovaj dijalog na stranu i reproduciraj primjer na ploči!</span>
		<p>Najprije povuci i ispusti interaktivnost na tvoju ploču i pritisni „Uredi”</p>
		<p>Zatim promijeni imena kategorija prema svojim potrebama:</p>
		<div class="image"><img id="interactivite3" src="../../assets/hint9/interactivite3.png" alt=""></div>

		<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Kategorije možeš dodati ili izbrisati pomoću ikona + i -</span>

		<p>Zatim dodaj željene slike u odgovarajuću kategoriju.</p>
		<div class="image"><img src="../../assets/hint9/interactivite-gif2.gif" alt=""></div>

		<p>Na kraju pritisni „Prikaz” za prikaz rezultata i izvođenje vježbe.</p>
		<div class="image"><img src="../../assets/hint9/interactivite-gif3.gif" alt=""></div>
		
		<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Vježbu možeš ponovo pokrenuti pomoću ikone „Učitaj ponovo”.</span>
	
	
	</main>
	<footer>

	</footer>
</body>
</html>
